<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="../common.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>资材入库</title>
<link rel="stylesheet" href="${pageContext.request.contextPath }/css/bootstrap-editable.css">
<script type="text/javascript" src="${pageContext.request.contextPath }/js/bootstrap-editable.js"></script>
<script src="${pageContext.request.contextPath }/bootstrap-table/dist/extensions/editable/bootstrap-table-editable.js"></script>
<script type="text/javascript">


$(function () {
	

    //1.初始化Table
    var oTable = new TableInit();
    oTable.Init();

    //2.初始化Button的点击事件
    var oButtonInit = new ButtonInit();
    oButtonInit.Init();
    
    toastr.options.positionClass = 'toast-top-center';




    $('#order_id').html(CurentTime());
    $('#ordertimes').html(CurentTime1);

    /**
	 * 选择到货单号
     */
    $('#arrNumber').click(function () {
		$('#arrStork').modal("show");

		$("#tb_arrTable").bootstrapTable("refresh",{
            url: '${pageContext.request.contextPath }/procurementRuku/list.do'
		});
    });

    /**
	 * 单击出现详情
     */
    $('#tb_arrTable').on('click-row.bs.table',function (e, row, element) {
        $("#id").val(row.prid);
        $('#tb_arrTableMx').bootstrapTable('refresh',{
            url: '${pageContext.request.contextPath }/procurementRukuMateriel/list.do',         //请求后台的URL（*）
		});
    });
    
    
});






//获取当前时间
function CurentTime() {
	 
	 var now=new Date();
	 var year = now.getFullYear();       //年
    var month = now.getMonth() + 1;     //月
    var day = now.getDate();            //日
    var mill=now.getMilliseconds();
    var time=year+""+month+""+day+""+mill;
	 
	 return time;
}

//获取当前时间
function CurentTime1() {
	 
	 var now=new Date();
	 var year = now.getFullYear();       //年
    var month = now.getMonth() + 1;     //月
    var day = now.getDate();            //日
    var mill=now.getMilliseconds();
    var time=year+"-"+month+"-"+day;
	 
	 return time;
}


var TableInit = function () {
    var oTableInit = new Object();
    //初始化Table
    oTableInit.Init = function () {
        $('#tb_departments').bootstrapTable({
        	//url: '${pageContext.request.contextPath }/oderDetailed/list2.do',
        	method: 'get',                      //请求方式（*）
            toolbar: '#toolbars',                //工具按钮用哪个容器
            striped: true,                      //是否显示行间隔色
            cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）

            sortable: false,                     //是否启用排序
            sortOrder: "asc",                   //排序方式
            queryParams: oTableInit.queryParams,//传递参数（*）
            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
            pageNumber:1,                       //初始化加载第一页，默认第一页
            pageSize: 10,                       //每页的记录行数（*）
            pageList: [10,20,30],       //可供选择的每页的行数（*）
            search: false,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
            strictSearch: true,
            showColumns: false,                  //是否显示所有的列
            showRefresh: false,                  //是否显示刷新按钮
            minimumCountColumns: 2,             //最少允许的列数
            clickToSelect: true,                //是否启用点击选中行
           // height: 580,                        //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
            uniqueId: "ID",                     //每一行的唯一标识，一般为主键列
            showToggle:false,                    //是否显示详细视图和列表视图的切换按钮
            cardView: false,                    //是否显示详细视图
            detailView: false, 
            queryParams: function queryParams(params) {   //设置查询参数  
                var param = {    
                		limit: params.limit,   //页面大小
                        offset: params.offset,  //页码  
                        plannumber:$('#plan_id').val(),
                };    
                return param;                   
              },
            columns: [[{
							title:'入库单号'
                       },{
							title:'<div id="order_id"></div>'
                       },{
							title:'入库日期'
                       },{
							title:'<div id="ordertimes"></div>',

                       },{
							title:'<a href="javaScript:void(0)" id="arrNumber">选择到货单号</a>'
						},{
							title:'制单人'
                       },{
							title:'陈彬',
                       }],[{
							field: 'remark3',
							title: '条码',

						},{
							field: 'materiel.name',
							title: '物料名称'
						},{
							field: 'materiel.materialmodel',
							title: '物料型号'
						},{
							field: 'name',
							title: '供货商'
						},{
							field: 'plantotal',
							title: '入库数量'
						},{
							field: 'materiel.remark3',
							title: '批号'
						}]]
        	
        });
        
  		$('#tb_arrTable').bootstrapTable({
            method: 'get',                      //请求方式（*）
            striped: true,                      //是否显示行间隔色
            pagination: true,                   //是否显示分页（*）
            sortOrder: "asc",                   //排序方式
            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
            pageNumber:1,                       //初始化加载第一页，默认第一页
            pageSize: 5,                       //每页的记录行数（*）
            pageList: [10,20,30],        //可供选择的每页的行数（*）
            singleSelect : true, // 单选checkbox
            minimumCountColumns: 2,             //最少允许的列数
            clickToSelect: true,                //是否启用点击选中行
            uniqueId: "ID",                     //每一行的唯一标识，一般为主键列
            queryParams: function queryParams(params) {   //设置查询参数
                var param = {    
                		limit: params.limit,   //页面大小
                        offset: params.offset,  //页码  
                };    
                return param;                   
              },
            columns: [{
            	checkbox: true
            },{
                field: 'prnum',
                title: '到货单号'
            }, {
                field: 'prdate',
                title: '到货日期'
            }]
        })
        
        
           $('#tb_arrTableMx').bootstrapTable({

            method: 'get',                      //请求方式（*）
            striped: true,                      //是否显示行间隔色
            pagination: true,                   //是否显示分页（*）
            sortOrder: "asc",                   //排序方式
            queryParams: oTableInit.queryParams,//传递参数（*）
            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
            pageNumber:1,                       //初始化加载第一页，默认第一页
            pageSize: 10,                       //每页的记录行数（*）
            pageList: [10,20,30],       //可供选择的每页的行数（*）
            minimumCountColumns: 2,             //最少允许的列数
            clickToSelect: true,                //是否启用点击选中行
            uniqueId: "ID",                     //每一行的唯一标识，一般为主键列
            columns: [{
            	field:'materiel.name',
                title: '物料名称',

            }, {
                field: 'materiel.materialmodel',
                title: '型号',

            },{
                field: 'number',
            	title:'到货数量',

            },{
                field: 'materiel.materialmodel',
            	title:'批号'
            },{
                field: 'barcode',
                title:'条形码'
			}/*,{
            	field:'remark1',
            	title:'到货时间',
            	/!*editable:{
                	type:'date',
                    placement: 'left'
                }*!/
            }*/],

        })
    };

  
    return oTableInit;
};


var ButtonInit = function () {
    var oInit = new Object();
    var postdata = {};

    oInit.Init = function () {
        //初始化页面上面的按钮事件
    };

    return oInit;
};


</script>
</head>
<body>
	<div class="panel-body" style="padding-bottom: 0px;">
		<div id="toolbar" class="btn-group">
			<button id="btn_add" type="button" class="btn btn-default">
				<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>保存
			</button>
			<button id="btn_left" type="button" class="btn btn-default">
				<span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span>返回
			</button>
		</div>

		<table id="tb_departments"></table>
	</div>
	
		<div class="modal fade " id="arrStork"  tabindex="-1" role="dialog" aria-labelledby="myModal" data-backdrop="static" data-keyboard="false">
    	<div class="modal-dialog" role="document" style="width:60%;height: auto;">
        	<div class="modal-content">
           	 <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="exampleModalLabel">编辑</h4>
            </div>
			<div class="modal-body">
			
			
			
			<div id="toolbar1" class="btn-group">
				<button id="btn_confirm" type="button" class="btn btn-default">
					<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>确定
				</button>
				<button id="btn_guanbi" type="button" class="btn btn-default">
					<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>关闭
				</button>
			</div>
			<table id="tb_arrTable"></table>
            <table id="tb_arrTableMx"></table>
            </div>
        </div>
    </div>
</div>
	
<script type="application/javascript">
	$(function () {

        /**
		 * 确定带回
         */
	    $('#btn_confirm').click(function () {



            $('#tb_arrTableMx').bootstrapTable('prepend', data);

        });


    });
</script>
</body>

</html>